<template>
  <div class="fullcontainer">
    <el-button>测试</el-button>
  </div>
</template>
<script>
export default {
  name: 'WebSite',
  data() {
    return {
      loading: false
    }
  }
}
</script>
<style lang="scss" scoped>
.fullcontainer {
  width: 100%;
  height: 100vh;
}

.header {
  width: 100%;
  height: 80px;
}

.main {
  display: flex;
  height: calc(100% - 80px);
  .left {
    width: 25%;
    display: flex;
    flex-direction: column;
  }

  .center {
    width: 50%;
  }

  .centeritem {
    width: 50%;
    height: 100%;
  }

  .right {
    width: 25%;
  }
  .lcrtitem {
    padding: 0 2px 5px;
    height: calc(25% - 5px);
    overflow: hidden;
  }
  .lcrtitem2 {
    padding: 0 2px 5px;
    height: calc(50% - 10px);
    display: flex;
    overflow: hidden;
  }
}
</style>
